
<template>
  <div>
    <!-- <Button type="primary" @click="modal1 = true">Display dialog box</Button> -->
    <Modal
      v-model="mode"
      width="40%"
      title="公司详细信息"
      @change="testChange"
      @on-cancel="cancel"
    >
      <div class="userinfo">
        <!-- <p><span>公司编号：</span><a>{{CompanyData.Id}}</a></p> -->
        <ul>
          <li>
            <span>公司名称:</span><a>{{ CompanyData.CompanyName }}</a>
          </li>
          <li>
            <span>联系人：</span><a>{{ CompanyData.CompanyLinkman }}</a>
          </li>
          <li>
            <span>公司电话:</span><a>{{ CompanyData.CompanyTelephone }}</a>
          </li>
          <li>
            <span>公司编号:</span><a>{{ CompanyData.Code }}</a>
          </li>
          <li>
            <span>公司地址：</span><a>{{ CompanyData.CompanyAddr }}</a>
          </li>
          <li>
            <span>备注信息:</span><a>{{ CompanyData.CompanyRemark }}</a>
          </li>
        </ul>
      </div>

      <!--  
        <p slot="header" style="color:#f60;text-align:center">
            <Icon type="information-circled"></Icon>
            <span>用户详情</span>
        </p>
        -->

      <div slot="footer">
        <!-- <Button type="error" size="large" long :loading="modal_loading" @click="del">Delete</Button> -->
      </div>
    </Modal>
  </div>
</template>

<script>
import "./user.less";
export default {
  name: "Detail",
  data() {
    return {
      mode: this.visible,
    };
  },
  props: {
    visible: {
      type: Boolean,
      required: true,
    },
    CompanyData: {
      type: Object,
      required: true,
    },
  },
  methods: {
    testChange(val) {
      this.$emit("testChange", val);
    },
    cancel() {
      let data = {
        mode: false,
      };
      this.$emit("cancelCallBack", data);
    },
  },
  mounted() {},
  watch: {
    visible(val) {
      this.mode = val;
    },
  },
};
</script>
